<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
	<link rel="stylesheet" href="../../js/jplugin/colorPicker/css/colorpicker.css" type="text/css" />
    <link rel="stylesheet" media="screen" type="text/css" href="../../js/jplugin/colorPicker/css/layout.css" />
    <title>ColorPicker - jQuery plugin</title>
	<script type="text/javascript" src="../../js/jquery-1.4.2.js"></script>
	<script type="text/javascript" src="../../js/jplugin/colorPicker/js/colorpicker.js"></script>
    <script >
    $(function(){
        $('#panel').ColorPicker({
        	color: '#0000ff',
        	onShow: function (colpkr) {
        		$(colpkr).fadeIn(500);
        		return false;
        	},
        	onHide: function (colpkr) {
        		$(colpkr).fadeOut(500);
        		return false;
        	},
        	onChange: function (hsb, hex, rgb) {
        		$('#colorSelector div').css('backgroundColor', '#' + hex);
        	}
        });
    	
    });
    

    </script>
</head>
<body>
      <h1>Color Picker - jQuery plugin</h1>
	  <div id="panel">
	  
	  </div>
</body>
</html>
